<nz-layout class="all-layout">
  <div class="sidecontainer" [@myanimation]="state" (@myanimation.start)="onSwitchStart($event)"
       (@myanimation.done)="onSwitchEnd($event)">

    <nz-sider nzWidth="200px" nzCollapsible="false" nzTheme="dark" nzCollapsedWidth="80"
              [nzTrigger]="null">
      <ul nz-menu nzMode="inline" nzTheme="dark" class="sider-menu" [nzInlineCollapsed]="isCollapsed">
        <div class="systitle">爱波瑞 LeanCT</div>
        <ng-container *ngTemplateOutlet="menuTpl; context: { $implicit: menus }"></ng-container>

        <ng-template #menuTpl let-menus>
          <ng-container *ngFor="let menu of menus">
            <li *ngIf="!menu.children" nz-menu-item [nzPaddingLeft]="menu.level * 24" nzMatchRouter>
              <a [routerLink]="menu.parentid == '' ? null: menu.path">
                <i nz-icon [nzType]="menu.icon" *ngIf="menu.icon"></i>
                {{ menu.text }}
              </a>
            </li>
            <li *ngIf="menu.children" nz-submenu [nzPaddingLeft]="menu.level * 24" [nzOpen]="menu.open"
                [nzTitle]="menu.text" [nzIcon]="menu.icon">
              <ul>
                <ng-container *ngTemplateOutlet="menuTpl; context: { $implicit: menu.children }"></ng-container>
              </ul>
            </li>
          </ng-container>
        </ng-template>
      </ul>
    </nz-sider>
  </div>
  <nz-layout [ngClass]="!isCollapsed ? 'right-layout' :'right-layout-no'">
    <nz-header [hidden]="headerHidden">
      <div class="tri-container"><i
        class="trigger"
        nz-icon
        [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"
        (click)="onSwitchMenu()"
      ></i></div>
      <div class="header-menu">
        <a nz-dropdown [nzDropdownMenu]="menu">
          <i nz-icon style="font-size: 70px;">
            <svg *ngIf="isGender" t="1575515289415" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
                 p-id="2234" width="32" height="32">
              <path
                d="M512.002082 0C229.382031 0 0.237391 229.14464 0.237391 511.764692c0 174.074128 86.947522 327.832597 219.761454 420.281755 25.883932-90.133557 91.287193-158.031504 180.287937-189.033916 3.706629-1.295238 7.454906-2.519675 11.24483-3.681641 0.599724-0.183249 1.191119-0.383157 1.795008-0.562241a325.358734 325.358734 0 0 1 27.058392-6.867676c0.932904-0.195743 1.874138-0.370663 2.807042-0.558076a344.820619 344.820619 0 0 1 14.722398-2.619629 350.905321 350.905321 0 0 1 10.428538-1.453499c1.25359-0.158261 2.498851-0.329015 3.756606-0.470617a354.782705 354.782705 0 0 1 14.168485-1.357709h51.705393c4.756146 0.354004 9.453986 0.820456 14.122673 1.34938 1.320226 0.154096 2.627958 0.33318 3.939855 0.49977a344.791466 344.791466 0 0 1 14.393382 2.099035c3.415096 0.574736 6.805204 1.199448 10.166159 1.869974 1.149471 0.229061 2.315602 0.441464 3.456744 0.683019 9.008358 1.894962 17.825137 4.131434 26.446174 6.709415 1.066176 0.316521 2.115694 0.662196 3.177705 0.991211 3.223518 0.99954 6.426212 2.044893 9.591423 3.140223 89.283947 30.881634 154.903776 98.837888 180.900156 189.146364 132.722308-92.465818 219.603194-246.16598 219.603194-420.173472C1023.762609 229.140475 794.622134 0 512.002082 0z m0 725.320666c-130.373388 0-236.491262-103.560716-240.743473-232.897081-0.145766-0.091625-0.291533-0.16659-0.437299-0.258215-4.993537-93.35291 43.813188-165.06577 105.59728-206.971502 0.358169-0.24572 0.703843-0.49977 1.062012-0.741325 2.357249-1.582606 4.747817-3.081916 7.138384-4.577063 0.937069-0.58723 1.853315-1.199448 2.798713-1.770019 38.040842-23.106043 79.896597-35.179658 116.717167-34.47998 2.619629-0.08746 5.230928-0.199908 7.871381-0.199908 2.507181 0 4.976878 0.112448 7.4674 0.187414 28.237017-0.487276 59.406019 6.534495 89.562986 20.21154a241.022512 241.022512 0 0 1 61.725785 39.377728c50.226906 43.088521 86.589353 107.846246 82.18721 188.963115l-0.199908 0.116613c-4.185575 129.398836-110.328438 233.038683-240.747638 233.038683z"
                fill="#A0D9F6" p-id="2235"></path>
              <path
                d="M376.414425 285.193868c0.354004-0.241556 0.703843-0.503935 1.062012-0.741325-0.358169 0.241556-0.703843 0.49977-1.062012 0.741325zM519.465317 243.612987c-2.490522-0.074966-4.960219-0.187414-7.467399-0.187414-2.640453 0-5.251752 0.112448-7.871381 0.199908 2.52384 0.049977 5.043514 0.104119 7.517377 0.270709a156.265649 156.265649 0 0 1 7.821403-0.283203zM472.27868 386.726351c-46.307874 81.237647-124.763467 153.204557-201.024236 105.697234 4.252212 129.336365 110.370085 232.897081 240.743474 232.897081 130.4192 0 236.566227-103.639847 240.747638-233.038683-63.724866 39.660931-230.814705-17.875114-280.466876-105.555632zM384.614821 279.87548c0.937069-0.583065 1.857479-1.199448 2.798714-1.770019-0.949563 0.574736-1.861644 1.186954-2.798714 1.770019zM609.028303 263.824527a260.296983 260.296983 0 0 1 61.725785 39.377728 241.139125 241.139125 0 0 0-61.725785-39.377728z"
                fill="#FCE9EA" p-id="2236"></path>
              <path
                d="M453.974597 729.360475zM610.498461 738.656201c1.066176 0.316521 2.115694 0.662196 3.177705 0.99121-1.062012-0.329015-2.111529-0.67469-3.177705-0.99121zM440.380847 731.900973c0.932904-0.195743 1.874138-0.370663 2.807043-0.558076-0.937069 0.187414-1.878303 0.362333-2.807043 0.558076zM411.527447 739.33089c0.599724-0.183249 1.191119-0.383157 1.795008-0.562241-0.603889 0.179084-1.195284 0.378992-1.795008 0.562241zM566.164679 728.702444zM623.263425 742.787634c0.732996 0.25405 1.457663 0.512264 2.18233 0.770479a119.432585 119.432585 0 0 1-10.457692 22.110667c17.142118 26.396196 12.83993 141.48911-12.91906 123.397429l-45.095932-31.756232-44.979318-31.639619 2.956974-2.078211c-0.982881 0.024989-1.965763 0.074966-2.956974 0.074966-1.032858 0-2.053223-0.054142-3.077752-0.079131l2.961139 2.082376-44.979319 31.639619-45.095931 31.756232c-25.900591 18.124999-30.190285-97.405213-12.877413-123.534866a119.286819 119.286819 0 0 1-10.357737-21.914923c0.570571-0.204073 1.136977-0.408146 1.711713-0.603889-89.000744 30.998247-154.404005 98.900359-180.287938 189.033916 82.820253 57.652658 183.457313 91.482936 292.003238 91.482936 108.616725 0 209.316257-33.876091 292.161498-91.59122-25.983886-90.308476-91.603714-158.268895-180.891826-189.150529zM580.595543 731.263766c1.149471 0.229061 2.315602 0.441464 3.456744 0.68302-1.141142-0.241556-2.303108-0.458123-3.456744-0.68302zM468.338825 727.273934c1.25359-0.154096 2.498851-0.329015 3.756606-0.470617-1.257755 0.141602-2.503016 0.312356-3.756606 0.470617zM552.091982 726.790823c1.320226 0.149931 2.627958 0.33318 3.939856 0.49977-1.311897-0.162425-2.615464-0.34151-3.939856-0.49977z"
                fill="#CFE07D" p-id="2237"></path>
              <path
                d="M408.928642 765.527179c3.440085-5.189281 7.729779-6.87184 12.877412-3.252671l45.095932 31.756231 42.01818 29.557243c1.028694 0.024989 2.044893 0.07913 3.077752 0.079131 0.991211 0 1.974092-0.049977 2.956973-0.074966l42.022345-29.561408 45.095932-31.756231c5.172622-3.652487 9.47481-1.911621 12.91906 3.390107a119.307643 119.307643 0 0 0 10.457691-22.110666l-2.18233-0.770479a307.358677 307.358677 0 0 0-9.591423-3.140223c-1.062012-0.329015-2.111529-0.67469-3.177705-0.991211a327.35365 327.35365 0 0 0-26.446174-6.709415c-1.141142-0.241556-2.307272-0.453958-3.456744-0.683019a331.80577 331.80577 0 0 0-24.559541-3.969009c-1.311897-0.16659-2.619629-0.349839-3.939855-0.49977a367.755907 367.755907 0 0 0-14.122673-1.34938h-51.705393a354.782705 354.782705 0 0 0-14.168485 1.357709c-1.257755 0.141602-2.503016 0.316521-3.756606 0.470617a337.67807 337.67807 0 0 0-25.150936 4.073128c-0.937069 0.187414-1.878303 0.362333-2.807042 0.558076a328.678041 328.678041 0 0 0-27.058392 6.867676c-0.603889 0.179084-1.195284 0.378992-1.795008 0.562241-3.789924 1.157801-7.538201 2.386403-11.24483 3.681641-0.570571 0.195743-1.141142 0.399816-1.711713 0.603889a119.361784 119.361784 0 0 0 10.353573 21.910759z"
                fill="#FEFEFE" p-id="2238"></path>
              <path
                d="M602.073168 762.274508l-45.095932 31.756231-42.022345 29.561408-2.956973 2.078211 44.979318 31.639619 45.095932 31.756232c25.758989 18.091681 30.061178-97.001232 12.91906-123.397429-3.440085-5.305894-7.742273-7.04676-12.91906-3.394272zM421.806054 762.274508c-5.147633-3.619169-9.437327-1.93661-12.877412 3.252671-17.312873 26.129652-13.023179 141.659865 12.877412 123.534865l45.095932-31.756232 44.979319-31.639618-2.961139-2.082376-42.01818-29.557243-45.095932-31.752067z"
                fill="#7EA701" p-id="2239"></path>
              <path
                d="M472.27868 386.726351c49.65217 87.680518 216.742009 145.216563 280.466876 105.555632l0.199908-0.116613c4.402143-81.116869-31.964469-145.874594-82.187211-188.963115a260.51355 260.51355 0 0 0-61.725785-39.377728c-30.156967-13.677045-61.325969-20.698816-89.562986-20.21154-2.627958 0.045812-5.247587 0.108284-7.821404 0.283203 8.337833 29.51976-8.267032 88.263583-39.369398 142.830161z"
                fill="#F7B970" p-id="2240"></path>
              <path
                d="M472.27868 386.726351c31.102366-54.570742 47.711396-113.3104 39.369398-142.830161a148.931522 148.931522 0 0 0-7.517376-0.270709c-36.82057-0.699678-78.676325 11.373937-116.717167 34.47998-0.941234 0.570571-1.861644 1.186954-2.798714 1.770019-2.390567 1.495146-4.781135 2.994456-7.138384 4.577063-0.358169 0.241556-0.703843 0.49977-1.062012 0.741325-61.784092 41.905732-110.590817 113.618592-105.59728 206.971502 0.145766 0.091625 0.291533 0.16659 0.437299 0.258215 76.260769 47.507323 154.716362-24.459587 201.024236-105.697234z"
                fill="#FBCE77" p-id="2241"></path>
            </svg>
            <!-- 女孩头像-->
            <svg *ngIf="!isGender" t="1575515760350" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg"
                 p-id="2727" width="32" height="32">
              <path
                d="M512 0C229.25 0 0 229.25 0 512c0 174.154167 86.9875 327.979167 219.8625 420.475a287.5875 287.5875 0 0 1 22.366667-55.579167c-26.779167-7.1-44.258333-33.5375-39.616667-61.416666 3.6375-21.858333 19.858333-38.45 40.008333-43.670834-17.370833-11.470833-27.35-32.416667-23.7125-54.270833 3.6375-21.8625 19.858333-38.454167 40.008334-43.675-17.370833-11.466667-27.35-32.416667-23.7125-54.270833a54.3375 54.3375 0 0 1 35.820833-42.441667v-4.291667c-14.75-11.908333-22.858333-31.179167-19.529167-51.216666a54.075 54.075 0 0 1 19.545834-33.354167c-0.016667-1.229167-0.091667-2.445833-0.091667-3.683333 0-21.35 2.808333-42.0375 8.016667-61.75 6.716667-26.75 18.0875-50.925 32.654166-72.25a241.925 241.925 0 0 1 107.8125-88.6125c31.65-13.841667 64.270833-20.316667 93.2875-18.475 97.741667-6.195833 236.308333 81.4375 240.845834 227.7125a54.104167 54.104167 0 0 1 19.475 33.295833c3.35 20.116667-4.8375 39.470833-19.704167 51.366667v4.079166a54.341667 54.341667 0 0 1 36 42.5c3.633333 21.854167-6.341667 42.804167-23.7125 54.270834 20.145833 5.229167 36.370833 21.8125 40.008333 43.675 3.633333 21.858333-6.345833 42.804167-23.716666 54.270833 20.15 5.225 36.375 21.816667 40.0125 43.675 4.925 29.604167-15.0875 57.6-44.695834 62.529167-1.366667 0.229167-2.725 0.345833-4.079166 0.466666 13.341667 21.645833 23.808333 45.445833 31.1625 71 132.783333-92.508333 219.704167-246.279167 219.704166-420.366666C1024 229.25 794.754167 0 512 0z"
                fill="#A0D9F6" p-id="2728"></path>
              <path
                d="M299.995833 802.45v-0.120833c0.9375-0.85 1.904167-1.666667 2.854167-2.508334l1.5625-1.375a271.333333 271.333333 0 0 1 9.045833-7.558333l0.858334-0.695833a281.958333 281.958333 0 0 1 21.533333-15.479167c0.454167-0.295833 0.920833-0.583333 1.379167-0.875a282.141667 282.141667 0 0 1 9.7-5.958333c0.725-0.429167 1.45-0.85 2.175-1.270834a291.379167 291.379167 0 0 1 9.966666-5.483333c0.529167-0.275 1.05-0.566667 1.583334-0.841667a298.191667 298.191667 0 0 1 24.35-11.2375c0.775-0.316667 1.5625-0.6125 2.3375-0.929166a313.445833 313.445833 0 0 1 23.458333-8.291667c0.925-0.283333 1.841667-0.591667 2.775-0.866667a327.129167 327.129167 0 0 1 26.529167-6.75c1.2-0.258333 2.416667-0.479167 3.620833-0.720833a342.208333 342.208333 0 0 1 24.320833-3.945833c1.379167-0.175 2.75-0.366667 4.133334-0.525a357.916667 357.916667 0 0 1 14.079166-1.358334h25.75c-131.9 0-238.9875-105.945833-240.966666-237.375a54.075 54.075 0 0 0-19.545834 33.354167c-3.333333 20.0375 4.775 39.308333 19.529167 51.216667v4.291666a54.3375 54.3375 0 0 0-35.820833 42.441667c-3.6375 21.854167 6.341667 42.804167 23.7125 54.270833-20.15 5.225-36.370833 21.8125-40.008334 43.675-3.6375 21.854167 6.341667 42.8 23.7125 54.270834-20.15 5.225-36.370833 21.8125-40.008333 43.670833-4.6375 27.879167 12.841667 54.316667 39.616667 61.416667a274.566667 274.566667 0 0 1 57.766666-74.441667zM512.233333 725.65l-0.233333 0.004167 0.233333-0.004167z"
                fill="#FECF77" p-id="2729"></path>
              <path
                d="M419.420833 261.9875a241.891667 241.891667 0 0 0-107.8125 88.6125c27.6875-40.529167 66.920833-70.725 107.8125-88.6125zM512 725.654167l0.233333-0.004167c130.5-0.125 236.65-103.958333 240.633334-233.525-63.704167 39.183333-229.075-17.679167-279.525-104.479167-46.504167 80.920833-124.8125 152.066667-200.8625 104.158334-1.3125-24.533333 1.108333-47.558333 6.483333-68.954167a241.395833 241.395833 0 0 0-8.016667 61.75c0 1.233333 0.075 2.45 0.091667 3.683333 1.975 131.425 109.0625 237.370833 240.9625 237.370834z"
                fill="#FCE9EA" p-id="2730"></path>
              <path
                d="M473.3375 387.645833c50.454167 86.8 215.820833 143.6625 279.525 104.479167-3.983333 129.566667-110.133333 233.4-240.633333 233.525v0.004167h25.754166c4.725 0.354167 9.4 0.820833 14.041667 1.354166 1.429167 0.1625 2.8375 0.358333 4.254167 0.541667a348.658333 348.658333 0 0 1 14.35 2.108333 343.416667 343.416667 0 0 1 9.695833 1.795834c1.295833 0.258333 2.595833 0.495833 3.883333 0.770833 8.958333 1.891667 17.733333 4.125 26.304167 6.691667 1.079167 0.320833 2.141667 0.670833 3.2125 1.004166a314.758333 314.758333 0 0 1 13.225 4.433334c3.2375 1.166667 6.445833 2.383333 9.620833 3.65 0.920833 0.366667 1.841667 0.716667 2.754167 1.091666a300.016667 300.016667 0 0 1 24.054167 11.104167c0.716667 0.370833 1.416667 0.758333 2.129166 1.133333a289.391667 289.391667 0 0 1 21.1 12.279167c0.620833 0.404167 1.2625 0.7875 1.883334 1.195833a283.425 283.425 0 0 1 21.1625 15.216667c0.529167 0.416667 1.041667 0.85 1.566666 1.270833a284.583333 284.583333 0 0 1 10.416667 8.8c0.704167 0.620833 1.420833 1.233333 2.116667 1.858334v0.091666a274.25 274.25 0 0 1 49.370833 59.3125c1.354167-0.120833 2.7125-0.241667 4.079167-0.466666 29.604167-4.929167 49.616667-32.920833 44.695833-62.529167-3.633333-21.858333-19.8625-38.454167-40.0125-43.675 17.370833-11.466667 27.35-32.4125 23.716667-54.270833-3.6375-21.8625-19.8625-38.45-40.008334-43.675 17.370833-11.466667 27.345833-32.416667 23.7125-54.270834-3.391667-20.391667-17.729167-36.225-36-42.5v-4.079166c14.8625-11.895833 23.05-31.25 19.704167-51.366667a54.075 54.075 0 0 0-19.475-33.295833c-4.5375-146.270833-143.108333-233.908333-240.845833-227.7125 0.233333 0.016667 0.475 0.008333 0.708333 0.025 8.425 29.75-8.491667 89.179167-40.0625 144.104166z"
                fill="#FCBA6F" p-id="2731"></path>
              <path
                d="M723.766667 802.05v85.966667c-33.0875-50.583333-167.2625-59.858333-211.65-6.691667-44.6125-53.425-179.875-43.791667-212.120834 7.45v-86.325a274.533333 274.533333 0 0 0-57.770833 74.445833 287.5875 287.5875 0 0 0-22.366667 55.579167c82.854167 57.679167 183.541667 91.525 292.1375 91.525 108.666667 0 209.4125-33.891667 292.295834-91.633333-7.354167-25.554167-17.816667-49.354167-31.1625-71a273.783333 273.783333 0 0 0-49.3625-59.316667z"
                fill="#F4B3B3" p-id="2732"></path>
              <path
                d="M721.654167 800.095833a272.729167 272.729167 0 0 0-10.416667-8.8c-0.525-0.420833-1.0375-0.854167-1.566667-1.270833a282.233333 282.233333 0 0 0-21.1625-15.216667c-0.620833-0.408333-1.2625-0.791667-1.883333-1.195833a301.958333 301.958333 0 0 0-11.741667-7.129167 281.570833 281.570833 0 0 0-9.358333-5.15c-0.7125-0.379167-1.4125-0.766667-2.129167-1.133333a300.016667 300.016667 0 0 0-24.054166-11.104167c-0.9125-0.375-1.833333-0.725-2.754167-1.091666a301.308333 301.308333 0 0 0-13.195833-4.916667 318.545833 318.545833 0 0 0-9.65-3.166667c-1.075-0.333333-2.1375-0.683333-3.2125-1.004166a328.125 328.125 0 0 0-26.304167-6.691667c-1.2875-0.270833-2.5875-0.5125-3.883333-0.770833a362.041667 362.041667 0 0 0-9.695834-1.795834 331.775 331.775 0 0 0-14.35-2.108333c-1.420833-0.183333-2.829167-0.379167-4.254166-0.541667a356.016667 356.016667 0 0 0-14.041667-1.354166h-51.7375a357.916667 357.916667 0 0 0-14.079167 1.358333c-1.3875 0.158333-2.754167 0.35-4.133333 0.525a343.516667 343.516667 0 0 0-24.320833 3.945833c-1.208333 0.241667-2.420833 0.4625-3.620834 0.720834a327.570833 327.570833 0 0 0-26.529166 6.75c-0.933333 0.275-1.85 0.583333-2.775 0.866666-3.416667 1.058333-6.8 2.166667-10.15 3.329167l-3.2125 1.133333c-3.4 1.220833-6.766667 2.504167-10.095834 3.829167-0.779167 0.3125-1.5625 0.608333-2.3375 0.929167a300.25 300.25 0 0 0-24.35 11.2375c-0.529167 0.275-1.054167 0.566667-1.583333 0.841666a298.745833 298.745833 0 0 0-12.141667 6.754167c-3.279167 1.925-6.5125 3.908333-9.7 5.958333-0.458333 0.291667-0.920833 0.579167-1.379166 0.875a280.816667 280.816667 0 0 0-21.533334 15.479167l-0.858333 0.695833a276.508333 276.508333 0 0 0-9.045833 7.558334l-1.5625 1.375c-0.95 0.8375-1.916667 1.654167-2.854167 2.508333v86.445833c32.245833-51.241667 167.5125-60.875 212.120833-7.45 44.3875-53.166667 178.558333-43.8875 211.65 6.691667v-86.058333c-0.7-0.625-1.4125-1.233333-2.116666-1.858334z"
                fill="#FEFEFE" p-id="2733"></path>
              <path
                d="M272.475 491.804167c76.05 47.9125 154.358333-23.2375 200.8625-104.158334 31.566667-54.929167 48.483333-114.354167 40.079167-144.108333-0.233333-0.016667-0.475-0.008333-0.708334-0.025-29.016667-1.841667-61.6375 4.633333-93.2875 18.475-40.891667 17.8875-80.125 48.083333-107.8125 88.6125-14.566667 21.325-25.9375 45.5-32.654166 72.25-5.366667 21.395833-7.791667 44.420833-6.479167 68.954167z"
                fill="#FECF77" p-id="2734"></path>
            </svg>
          </i>
          欢迎您：{{currUserName}}
          <i nz-icon nzType="down"></i>
        </a>
        <nz-dropdown-menu #menu="nzDropdownMenu">
          <ul nz-menu>
            <li nz-menu-item (click)="onOpenPersonInfo()"><i nz-icon nzType="profile"></i> 个人信息</li>
            <li nz-menu-item (click)="onOpenPwd()"><i nz-icon nzType="key"></i> 修改密码</li>
            <li nz-menu-divider></li>
            <li nz-menu-item (click)="onExit()"><i nz-icon nzType="logout"></i> 退出</li>
          </ul>
        </nz-dropdown-menu>
      </div>
    </nz-header>

    <nz-layout class="inner-layout">
      <app-tabs #tabs (tabClick)="onTabClick($event)" (closeTab)="onCloseTab($event)" (displayTabSet)="onDisTabSet($event)"></app-tabs>
      <nz-content>
        <router-outlet></router-outlet>
      </nz-content>
    </nz-layout>
    <nz-footer [hidden]="headerHidden">©2019 Research By Abrain</nz-footer>
  </nz-layout>

</nz-layout>
